<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>如何开始写博客？</title>
  <link rel="stylesheet" href="./styles.css" />
</head>
<body>
<!-- 顶部导航 / 可返回主页 -->
<header class="post-header">
  <div class="container">
    <h1 class="post-title">如何开始写博客？</h1>
    <p class="post-meta">发布于 2025‑07‑12 · 作者 雷诺哈特</p>
    <nav><a href="./index.html" class="back-home">← 返回主页</a></nav>
  </div>
</header>

<!-- 正文 -->
<main class="container">
  <article class="post-content">
    <h2>1. 为什么要写博客？</h2>
    <p>写博客不仅能记录知识，也能沉淀思考……</p>

    <h2>2. 先准备一个最小可行版本</h2>
    <p>别急着选 CMS，先用一张静态 HTML 试水……</p>

    <pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;...&lt;/head&gt;
  &lt;body&gt;Hello, blog!&lt;/body&gt;
&lt;/html&gt;
</code></pre>

    <h2>3. 后续扩展</h2>
    <p>当你想要评论、标签、搜索时，可考虑 Hexo、Hugo、WordPress …</p>
  </article>
</main>

<!-- 页脚 -->
<footer>
  <div class="container">
    <p>© 2025 雷诺哈特 的博客 | 262476952@qq.com</p>
  </div>
</footer>
</body>
</html>
